<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="author" content="VectorX" />
  <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城" />
  <meta name="description"
    content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持.">
  <link rel="icon" href="/img/favicon.ico">
  <!-- 引入fontawesome字体 -->
  <link rel="stylesheet" href="font/fontawesome/css/all.min.css">
  <!-- 引入自定义CSS，使用minify压缩文件 -->
  <link rel="stylesheet" href="css/index.min.css" />
</head>

<body>
  <!-- ============顶部导航栏============ -->
  <div class="topbar-outer-wrapper">
    <div class="topbar-inner-wrapper">
      <ul class="topbar-left-wrapper">
        <li>
          <a href="#">小米商城</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">MIUI</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">IoT</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">云服务</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">天星数科</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">有品</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">小爱开放平台</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">企业团购</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">资质证照</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">协议规则</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li class="app-wrapper">
          <a href="#" class="download-app">
            下载app
            <span class="appcode">
              <img src="img/download.png" class="download-img" />
              小米商城APP
            </span>
          </a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">智能生活</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">Select Location</a>
        </li>
      </ul>
      <ul class="topbar-right-wrapper">
        <li>
          <a href="#">登录</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">注册</a>
        </li>
        <li>
          <span class="sep">|</span>
        </li>
        <li>
          <a href="#">消息通知</a>
        </li>
        <li class="shop-wrapper">
          <a href="#" class="shop">购物车（0）</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- ============头部导航栏============ -->
  <div class="head-outer-wrapper">
    <!-- 一级头部导航栏 -->
    <div class="head-wrapper clearfix">
      <!-- logo -->
      <div class="head-logo-wrapper">
        小米官网
        <a class="head-home" href="/index.html"></a>
        <a class="head-logo" href="/index.html"></a>
      </div>
      <!-- item -->
      <div class="head-item-wrapper clearfix">
        <ul>
          <li class="head-item head-item-all">
            <a href="#">全部商品分类</a>
          </li>
          <li class="head-item head-item-show" id="head-item-1">
            <a href="#">小米手机</a>
          </li>
          <li class="head-item head-item-show" id="head-item-2">
            <a href="#">Redmi 红米</a>
          </li>
          <li class="head-item head-item-show" id="head-item-3">
            <a href="#">电视</a>
          </li>
          <li class="head-item head-item-show" id="head-item-4">
            <a href="#">笔记本</a>
          </li>
          <li class="head-item head-item-show" id="head-item-5">
            <a href="#">家电</a>
          </li>
          <li class="head-item head-item-show" id="head-item-6">
            <a href="#">路由器</a>
          </li>
          <li class="head-item head-item-show" id="head-item-7">
            <a href="#">智能硬件</a>
          </li>
          <li class="head-item">
            <a href="#">服务</a>
          </li>
          <li class="head-item">
            <a href="#">社区</a>
          </li>

          <!-- item expand -->
          <li class="item-expand" id="item-expand-1">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米MIX FOLD.png" />
                  <div class="item-expend-name">小米MIX FOLD</div>
                  <div class="item-expand-price">9999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米11 Ultra.png" />
                  <div class="item-expend-name">小米11 Ultra</div>
                  <div class="item-expand-price">5499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米11 Pro.png" />
                  <div class="item-expend-name">小米11 Pro</div>
                  <div class="item-expand-price">4499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米11 青春版.png" />
                  <div class="item-expend-name">小米11 青春版</div>
                  <div class="item-expand-price">2299元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米10S.png" />
                  <div class="item-expend-name">小米10S</div>
                  <div class="item-expand-price">2999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/小米手机/小米11.png" />
                  <div class="item-expend-name">小米11</div>
                  <div class="item-expand-price">3799元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-2">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/Note 10 Pro.png" />
                  <div class="item-expend-name">Note 10 Pro</div>
                  <div class="item-expand-price">1599元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/Note 10 5G.png" />
                  <div class="item-expend-name">Note 10 5G</div>
                  <div class="item-expand-price">999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/K40 游戏增强版.png" />
                  <div class="item-expend-name">K40 游戏增强版</div>
                  <div class="item-expand-price">1999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/K40 Pro 系列.png" />
                  <div class="item-expend-name">K40 Pro 系列</div>
                  <div class="item-expand-price">2499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/Redmi K40.png" />
                  <div class="item-expend-name">Redmi K40</div>
                  <div class="item-expand-price">1999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/Redmi 红米/Redmi Note 9 系列.png" />
                  <div class="item-expend-name">Redmi Note 9 系列</div>
                  <div class="item-expand-price">899元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-3">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/Redmi MAX 86” 超大屏电视.png" />
                  <div class="item-expend-name">Redmi MAX 86" 超大屏电视</div>
                  <div class="item-expand-price">8888元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/小米电视大师 82英寸至尊纪念版.png" />
                  <div class="item-expend-name">小米电视大师 82英寸至尊纪念版</div>
                  <div class="item-expand-price">49999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/小米电视大师 82英寸.png" />
                  <div class="item-expend-name">小米电视大师 82英寸</div>
                  <div class="item-expand-price">11999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/小米透明电视.jpg" />
                  <div class="item-expend-name">小米透明电视</div>
                  <div class="item-expand-price">49999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/小米电视 大师 65英寸OLED.png" />
                  <div class="item-expend-name">小米电视 大师 65英寸OLED</div>
                  <div class="item-expand-price">9999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/电视/Redmi 智能电视 MAX 98''.jpg" />
                  <div class="item-expend-name">Redmi 智能电视 MAX 98"</div>
                  <div class="item-expand-price">19999元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-4">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/Redmibook Pro 14 锐龙版.png" />
                  <div class="item-expend-name">Redmibook Pro 14 锐龙版</div>
                  <div class="item-expand-price">4299元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/Redmibook Pro 15 锐龙版.png" />
                  <div class="item-expend-name">Redmibook Pro 15 锐龙版</div>
                  <div class="item-expand-price">4799元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/小米笔记本 Pro 15 锐龙版.png" />
                  <div class="item-expend-name">小米笔记本 Pro 15 锐龙版</div>
                  <div class="item-expand-price">6799元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/小米笔记本Pro 15.png" />
                  <div class="item-expend-name">小米笔记本Pro 15</div>
                  <div class="item-expand-price">6499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/RedmiBook Pro 14.png" />
                  <div class="item-expend-name">RedmiBook Pro 14</div>
                  <div class="item-expand-price">4699元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/笔记本/小米笔记本Pro 14.png" />
                  <div class="item-expend-name">小米笔记本Pro 14</div>
                  <div class="item-expand-price">5299元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-5">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/米家风冷对开门冰箱 483L.jpg" />
                  <div class="item-expend-name">米家风冷对开门冰箱 483L</div>
                  <div class="item-expand-price">2299元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/米家扫拖机器人1T.png" />
                  <div class="item-expend-name">米家扫拖机器人1T</div>
                  <div class="item-expand-price">1799元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/米家互联网洗烘一体机10kg.png" />
                  <div class="item-expend-name">米家互联网洗烘一体机10kg</div>
                  <div class="item-expand-price">1699元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/小米净水器S1 800G.png" />
                  <div class="item-expend-name">小米净水器S1 800G</div>
                  <div class="item-expand-price">1699元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/米家空气净化器3  高效除菌.png" />
                  <div class="item-expend-name">米家空气净化器3  高效除菌</div>
                  <div class="item-expand-price">749元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/家电/Redmi全自动波轮洗衣机1A 8kg.jpg" />
                  <div class="item-expend-name">Redmi全自动波轮洗衣机1A 8kg</div>
                  <div class="item-expand-price">799元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-6">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/小米AIoT路由器AX3600.png" />
                  <div class="item-expend-name">小米AIoT路由器AX3600</div>
                  <div class="item-expand-price">599元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/Redmi路由器 AX6.png" />
                  <div class="item-expend-name">Redmi路由器 AX6</div>
                  <div class="item-expand-price">299元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/小米路由器AX9000.png" />
                  <div class="item-expend-name">小米路由器AX9000</div>
                  <div class="item-expand-price">999元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/小米路由器 AX1800.png" />
                  <div class="item-expend-name">小米路由器 AX1800</div>
                  <div class="item-expand-price">329元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/小米AIoT路由器AX3600.png" />
                  <div class="item-expend-name">小米AIoT路由器AX3600</div>
                  <div class="item-expand-price">499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/路由器/Redmi路由器AC2100.png" />
                  <div class="item-expend-name">Redmi路由器AC2100</div>
                  <div class="item-expand-price">169元起</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="item-expand" id="item-expand-7">
            <ul>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/智能硬件/小米全自动智能门锁.png" />
                  <div class="item-expend-name">小米全自动智能门锁</div>
                  <div class="item-expand-price">1599元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/智能硬件/Redmi小爱触屏音箱Pro8.png" />
                  <div class="item-expend-name">Redmi小爱触屏音箱Pro8</div>
                  <div class="item-expand-price">499元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/智能硬件/小米小爱触屏音箱.jpg" />
                  <div class="item-expend-name">小米小爱触屏音箱</div>
                  <div class="item-expand-price">199元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/智能硬件/Redmi小爱音箱 Play.png" />
                  <div class="item-expend-name">Redmi小爱音箱 Play</div>
                  <div class="item-expand-price">89元起</div>
                </a>
              </li>
              <li class="sep"></li>
              <li class="item-detail">
                <a href="#">
                  <img src="/img/头部导航栏img/智能硬件/查看全部智能硬件.png" />
                  <div class="item-expend-name">查看全部</div>
                  <div class="item-expand-price">智能硬件</div>
                </a>
              </li>
              <li class="item-detail">
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <!-- Search -->
      <div class="head-search-wrapper">
        <form action="#" class="search-form clearfix">
          <!-- 搜索框 -->
          <input type="text" class="search-input" placeholder="小米11" />
          <!-- 搜索按钮 -->
          <button type="button"><i class="fas fa-search"></i></button>
        </form>
      </div>
    </div>
    <!-- 二级头部导航栏 -->
    <div class="head-expand-wrapper"></div>
  </div>

  <!-- ============主体============ -->
  <div class="main-wrapper">
    <!-- 左侧导航栏 -->
    <div class="nav-wrapper">
      <ul>
        <li class="nav-item" id="nav-item-1">
          <a href="#">手机 电话卡<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-2">
          <a href="#">电视 盒子<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-3">
          <a href="#">笔记本 显示器<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-4">
          <a href="#">家电 插线板<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-5">
          <a href="#">出行 穿戴<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-6">
          <a href="#">智能 路由器<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-7">
          <a href="#">电源 硬件<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-8">
          <a href="#">健康 儿童<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-9">
          <a href="#">耳机 音箱<i class="fas fa-angle-right"></i></a>
        </li>
        <li class="nav-item" id="nav-item-10">
          <a href="#">生活 箱包<i class="fas fa-angle-right"></i></a>
        </li>
        <!-- 左侧展开导航栏 -->
        <li class="nav-expand-wrapper clearfix" id="nav-expand-1">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米MIX FOLD.png" />
                小米MIX FOLD
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米11 Ultra.png" />
                小米11 Ultra
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米11 Pro.png" />
                小米11 Pro
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米11 青春.png" />
                小米11 青春
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米10S.png" />
                小米10S
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米11.png" />
                小米11
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米10.png" />
                小米10
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/黑鲨4 Pro.png" />
                黑鲨4 Pro
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/黑鲨4.png" />
                黑鲨4
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi K30S 至尊纪念版.png" />
                Redmi K30S 至尊纪念版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/小米云服务.jpg" />
                小米云服务
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi K30 至尊纪念版.jpg" />
                Redmi K30 至尊纪念版
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Note 10 Pro.png" />
                Note 10 Pro
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Note 10 5G.png" />
                Note 10 5G
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/K40 游戏增强版.png" />
                K40 游戏增强版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/K40 Pro 系列.png" />
                K40 Pro 系列
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi K40.png" />
                Redmi K40
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi 10X 5G.png" />
                Redmi 10X 5G
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi Note 9 Pro.png" />
                Redmi Note 9 Pro
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi Note 9 5G.png" />
                Redmi Note 9 5G
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi Note 9  4G.png" />
                Redmi Note 9 4G
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi Note 8 Pro.png" />
                Redmi Note 8 Pro
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/手机上门维修.png" />
                手机上门维修
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/手机 电话卡/Redmi 9.png" />
                Redmi 9
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-2">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/Redmi MAX 86” 超大屏电视.png" />
                Redmi MAX 86 超大屏电视
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米透明电视.png" />
                小米透明电视
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 Pro 55英寸.png" />
                小米电视5 Pro 55英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 65英寸.png" />
                小米电视5 65英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/Redmi 智能电视 A系列.png" />
                Redmi 智能电视 A系列
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/量子点电视.png" />
                量子点电视
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/Redmi 智能电视 X系列.png" />
                Redmi 智能电视 X系列
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视大师 82英寸.png" />
                小米电视大师 82英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 Pro 65英寸.png" />
                小米电视5 Pro 65英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 55英寸.png" />
                小米电视5 55英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米全面屏电视E43K.png" />
                小米全面屏电视E43K
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/金属全面屏电视.png" />
                金属全面屏电视
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米盒子.jpg" />
                小米盒子
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/大师电视 65英寸 OLED.png" />
                大师电视 65英寸 OLED
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 Pro 75英寸.png" />
                小米电视5 Pro 75英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视4A 60英寸.png" />
                小米电视4A 60英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/Redmi 智能电视 X55.png" />
                Redmi 智能电视 X55
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米全面屏电视.jpg" />
                小米全面屏电视
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/电视音箱.png" />
                电视音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/Redmi 智能电视 MAX 98.jpg" />
                Redmi 智能电视 MAX 98
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视5 75英寸.png" />
                小米电视5 75英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视4A 70英寸.png" />
                小米电视4A 70英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米电视4S 75英寸.png" />
                小米电视4S 75英寸
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电视 盒子/小米壁画电视.jpg" />
                小米壁画电视
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-3">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Pro 14 锐龙版.png" />
                RedmiBook Pro 14 锐龙版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Pro 15 锐龙版.png" />
                RedmiBook Pro 15 锐龙版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/小米笔记本 Pro 15 锐龙版.png" />
                小米笔记本 Pro 15 锐龙版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/小米笔记本Pro 15.png" />
                小米笔记本Pro 15
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/小米笔记本Pro 14.jpg" />
                小米笔记本Pro 14
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Pro 14.png" />
                RedmiBook Pro 14
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Pro 15.png" />
                RedmiBook Pro 15
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/Redmi G 游戏本.png" />
                Redmi G 游戏本
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Air 13.png" />
                RedmiBook Air 13
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook 16.png" />
                RedmiBook 16
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/小米笔记本Pro 15.6.png" />
                小米笔记本Pro 15.6"
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/RedmiBook Air 13.png" />
                RedmiBook Air 13
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/小米 Redmi 显示器.png" />
                小米盒子
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/键鼠套装.png" />
                大师电视 65英寸 OLED
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/笔记本 显示器/鼠标.png" />
                小米电视5 Pro 75英寸
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-4">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/冰箱.jpg" />
                冰箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/立式空调.png" />
                立式空调
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/壁挂空调.png" />
                壁挂空调
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/滚筒洗衣机.png" />
                滚筒洗衣机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/Redmi全自动波轮洗衣机.jpg" />
                Redmi全自动波轮洗衣机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/净水器.jpg" />
                净水器
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/微波炉.jpg" />
                微波炉
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电烤箱.jpg" />
                电烤箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/扫地机器人.jpg" />
                扫地机器人
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/吸尘器.jpg" />
                吸尘器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/空气净化器.jpg" />
                空气净化器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电饭煲.jpg" />
                电饭煲
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电磁炉.jpg" />
                电磁炉
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电水壶.jpg" />
                电水壶
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/滤水壶.jpg" />
                滤水壶
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/落地风扇.png" />
                落地风扇
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/投影仪.png" />
                投影仪
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/灯具.jpg" />
                灯具
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/插线板.jpg" />
                插线板
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/新风机.jpg" />
                新风机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电暖器.jpg" />
                电暖器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/电压力锅.jpg" />
                电压力锅
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/家电 插线板/料理机.jpg" />
                料理机
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-5">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/小米手环6 NFC版.png" />
                小米手环6 NFC版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/小米手环6 标准版.png" />
                小米手环6 标准版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/Redmi 手表.png" />
                Redmi 手表
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/小米手环5NFC.png" />
                小米手环5NFC
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/小米手环5.png" />
                小米手环5
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/小米手表.png" />
                小米手表
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/平衡车.jpg" />
                平衡车
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/滑板车.jpg" />
                滑板车
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/自行车.png" />
                自行车
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/车载充电器.jpg" />
                车载充电器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/智能后视镜.jpg" />
                智能后视镜
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/智能记录仪.jpg" />
                智能记录仪
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/无线车充.jpg" />
                无线车充
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/充气宝.jpg" />
                充气宝
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/出行 穿戴/石英表.jpg" />
                石英表
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-6">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/打印机.jpg" />
                打印机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/喷墨打印机.png" />
                喷墨打印机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/喷墨打印机墨水.png" />
                喷墨打印机墨水
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/小米路由器.png" />
                小米路由器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/智能家庭.jpg" />
                智能家庭
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/对讲机.jpg" />
                对讲机
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/摄像机.jpg" />
                摄像机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/照相机.jpg" />
                照相机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/智能门锁.jpg" />
                智能门锁
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/视频门铃.jpg" />
                视频门铃
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/小爱老师.png" />
                小爱老师
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/Redmi路由器.png" />
                Redmi路由器
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/小爱音箱.jpg" />
                小爱音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/云服务空间年卡.png" />
                云服务空间年卡
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/智能 路由器/云服务空间月卡.png" />
                云服务空间月卡
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-7">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/移动电源.png" />
                移动电源
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/数据线.jpg" />
                数据线
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/车充.jpg" />
                车充
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/充电器.png" />
                充电器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/电池.jpg" />
                电池
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/自拍杆.jpg" />
                自拍杆
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/手机壳.jpg" />
                手机壳
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/手机贴膜.jpg" />
                手机贴膜
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/无线充电器.png" />
                无线充电器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/平板配件.jpg" />
                平板配件
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/黑鲨配件.jpg" />
                黑鲨配件
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/电源 配件/其他配件.jpg" />
                其他配件
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-8">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/洗手机.jpg" />
                洗手机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/剃须刀.jpg" />
                剃须刀
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/修剪器.jpg" />
                修剪器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/牙刷.jpg" />
                牙刷
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/吹风机.jpg" />
                吹风机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/体重秤.png" />
                体重秤
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/体脂秤.jpg" />
                体脂秤
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/早教启智.jpg" />
                早教启智
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/益智积木.png" />
                益智积木
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/儿童手表.jpg" />
                儿童手表
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/儿童滑板车.jpg" />
                儿童滑板车
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/婴儿推车.jpg" />
                婴儿推车
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/走步机.jpg" />
                走步机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/健康 儿童/智能遥控车.png" />
                智能遥控车
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-9">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/Redmi AirDots 3.png" />
                Redmi AirDots 3
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小爱音箱 Art 电池版.png" />
                小爱音箱 Art 电池版
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小爱触屏音箱Pro 8.png" />
                小爱触屏音箱Pro 8
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米小爱触屏音箱.jpg" />
                小米小爱触屏音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米小爱音箱.png" />
                小米小爱音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小爱音箱 Pro.png" />
                小爱音箱 Pro
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米小爱触屏音箱.jpg" />
                小米小爱触屏音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/Redmi音箱.png" />
                Redmi音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米小爱音箱 Play.jpg" />
                小米小爱音箱 Play
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/线控耳机.jpg" />
                线控耳机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/蓝牙耳机.png" />
                蓝牙耳机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/头戴耳机.jpg" />
                头戴耳机
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/品牌耳机.jpg" />
                品牌耳机
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/蓝牙音箱.png" />
                蓝牙音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米AI音箱.jpg" />
                小米AI音箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/小米小爱音箱HD.jpg" />
                小米小爱音箱HD
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/耳机 音箱/k歌耳机.jpg" />
                k歌耳机
              </a>
            </li>
          </ul>
        </li>
        <li class="nav-expand-wrapper clearfix" id="nav-expand-10">
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/小背包.jpg" />
                小背包
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/双肩包.jpg" />
                双肩包
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/胸包.jpg" />
                胸包
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/旅行箱.jpg" />
                旅行箱
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/运动鞋.jpg" />
                运动鞋
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/眼镜.jpg" />
                眼镜
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/床垫.jpg" />
                床垫
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/枕头.png" />
                枕头
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/螺丝刀.jpg" />
                螺丝刀
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/保温杯.jpg" />
                保温杯
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/驱蚊器.jpg" />
                驱蚊器
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/毛巾 浴巾.jpg" />
                毛巾 浴巾
              </a>
            </li>
          </ul>
          <ul>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/米兔.png" />
                米兔
              </a>
            </li>
            <li>
              <a href="#"><img src="img/左侧展开导航栏icon/生活 箱包/笔.jpg" />
                笔
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <!-- 右侧轮播图 -->
    <div class="banner-wrapper">
      <img src="/img/右侧轮播图/小米618.jpeg" />
      <img src="/img/右侧轮播图/Note 10 Pro.jpg" />
      <img src="/img/右侧轮播图/MIX FLOD.jpg" />
      <div class="swiper-button button-prev"></div>
      <div class="swiper-button button-next"></div>
      <div class="pagination-bullet">
        <div class="circle active"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
    </div>
  </div>

  <!-- ============底部============ -->
  <div class="bottom-wrapper">
    <!-- 渠道 -->
    <div class="bottom-item channel-wrapper">
      <ul>
        <li><a href="#"><img src="/img/底部渠道/小米秒杀.png"><span>小米秒杀</span></a></li>
        <li><a href="#"><img src="/img/底部渠道/企业团购.png"><span>企业团购</span></a></li>
        <li><a href="#"><img src="/img/底部渠道/F码通道.png"><span>F码通道</span></a></li>
        <li><a href="#"><img src="/img/底部渠道/米粉卡.png"><span>米粉卡</span></a></li>
        <li><a href="#"><img src="/img/底部渠道/以旧换新.png"><span>以旧换新</span></a></li>
        <li><a href="#"><img src="/img/底部渠道/话费充值.png"><span>话费充值</span></a></li>
      </ul>
    </div>
    <!-- 促销 -->
    <div class="bottom-item promo-wrapper">
      <a href="javascript:;"><img src="/img/底部促销/Redmi 9A.jpg" /></a>
      <a href="javascript:;"><img src="/img/底部促销/小米11.jpg" /></a>
      <a href="javascript:;"><img src="/img/底部促销/小米降噪耳机.png" /></a>
    </div>
  </div>


  <!-- ============工具栏============ -->
  <div class="tools-wrapper">
    <a href="javascript:;" class="tools-item-a" id="phone-app-a">
      <div class="tools-item" id="phone-app"></div>
      <div class="tools-item-extend" id="phone-app-extend">
        <img src="/img/download.png" />
        <span class="download-text">扫码领取新人百元礼包</span>
      </div>
    </a>
    <a href="javascript:;" class="tools-item-a" id="person-center-a">
      <div class="tools-item" id="person-center"> </div>
      <div class="tools-item-extend" id="person-center-extend">个人中心</div>
    </a>
    <a href="javascript:;" class="tools-item-a" id="after-sales-service-a">
      <div class="tools-item" id="after-sales-service"></div>
      <div class="tools-item-extend" id="after-sales-service-extend">售后服务</div>
    </a>
    <a href="javascript:;" class="tools-item-a" id="manual-customer-service-a">
      <div class="tools-item" id="manual-customer-service"></div>
      <div class="tools-item-extend" id="manual-customer-service-extend">人工客服</div>
    </a>
    <a href="javascript:;" class="tools-item-a" id="shopping-cart-a">
      <div class="tools-item" id="shopping-cart"></div>
      <div class="tools-item-extend" id="shopping-cart-extend">购物车（0）</div>
    </a>
  </div>
</body>

</html>